.progress-container{
    height: 100%;
    color: rgba(255, 255, 255, 0.637);
    .currentTime{
        position: absolute;
        left: 0;
        transform: translateY(-50%);
    }
    .duration{
        position: absolute;
        right: 0;
        transform: translateY(-50%);
    }
    .progress-wrap{
        position: relative;
        top:3px;
        height: 100%;
        width: 75%;
        margin: 0 auto;
        background-color: rgb(221, 215, 215);
        border-radius: 3px;
        position: relative;
        .progress{
            height: 100%;
            width: 80%;
            position: relative;
            background-color: #fff;
            .circle{
                padding: 1.5px;
                position: absolute;
                right: 0;
                transform: translateY(-33%);
                width: 10px;
                height: 10px;
                background-color: #fff;
                border-radius: 50%;
                overflow: hidden;
            }
        }
    } 
}
